<html>
<head>
  <script src="/shop/common-resources/resources/scripts/lib/jquery.js"></script>
  
  <script>
  function deleteOrder() {
	  $.ajax({
		    url: '/shop/order/1',
		    data : {},
		    type: 'DELETE',
		    success: function(result) {
		        console.log(result);
		    }
		});
  }
  
  function addOrder() {
	  $.ajax({
		    url: '/shop/order',
		    data : {orderTitle: "added Order JSON", totalPrice: "100"},
		    dataType: 'json',
		    type: 'PUT',
		    success: function(result) {
		        console.log(result);
		    }
		});
  }
  </script>
</head>

<body>
Welcome to Order Page
<br>
<a href="#" onclick="deleteOrder()">Delete Order {1}</a>
<br>
<a href="#" onclick="addOrder()">Add Order</a>
</body>
</html>